<template>
  <div class="app">
    <h1>{{msg}}</h1>
    <School/>
    <Student/>
  </div>
</template>

<script>
    // 引入组件
    import Student from './components/Student'
    import School from './components/School'

    export default {
        name: 'App',
        components: {
          Student,
          School
        },
        data(){
          return{
            msg: 'hello',

          }
        },
        
    }
</script>

<style scoped>
   /*
   全局的样式是不需要加scoped
   全局共享
   */
   .app{
     background-color: gray;
     padding: 5px;
   }
</style>